import React from 'react'
import CSSModules from 'react-css-modules'
import styles from './Skill.css'

import Ball from 'component/Ball/Ball'

const SKill=React.createClass({
    render() {
        return <div className="skill">  
            <div styleName="skill-showed">
                <div styleName="light"></div>
                <div styleName="skill-item">
                    <Ball percent="79"/>
                    <p styleName="word">
                        CSS
                    </p>
                </div> 
                <div styleName="skill-item"> 
                    <Ball percent="59"/>
                    <p styleName="word">
                        React
                    </p>
                </div>
                <div styleName="skill-item">
                    <Ball percent="68"/>
                    <p styleName="word">
                        JQuery
                    </p>
                </div>
                <div styleName="skill-item">
                    <Ball percent="88"/>
                    <p styleName="word">
                        HTML
                    </p>
                </div> 
            </div> 
        </div>
    }
});

export default CSSModules(SKill,styles);
